<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>变音符号</title>
</head>
<style>
.cell{
	border: 1px solid #ccc;
	padding: 12px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
	/* font-size: 36px; */
	text-align: right;
}
.cell > div{
	display: inline-block;
	/* border: 1px solid #c00; */
	
}
span:nth-child(1){
	color: #eee;
	/* color: #F00; */
}
</style>
<body>
<p>u&#768;</p>

<h3>变音符号</h3>
<div class="cell">
	<div><span>768</span><span>o&#768;</span></div><div><span>769</span><span>o&#769;</span></div><div><span>770</span><span>o&#770;</span></div><div><span>771</span><span>o&#771;</span></div>
	<div><span>772</span><span>o&#772;</span></div><div><span>773</span><span>o&#773;</span></div><div><span>774</span><span>o&#774;</span></div><div><span>775</span><span>o&#775;</span></div>
	<div><span>776</span><span>o&#776;</span></div><div><span>777</span><span>o&#777;</span></div><div><span>778</span><span>o&#778;</span></div><div><span>779</span><span>o&#779;</span></div>
	<div><span>780</span><span>o&#780;</span></div><div><span>781</span><span>o&#781;</span></div><div><span>782</span><span>o&#782;</span></div><div><span>783</span><span>o&#783;</span></div>
	<div><span>784</span><span>o&#784;</span></div><div><span>785</span><span>o&#785;</span></div><div><span>786</span><span>o&#786;</span></div><div><span>787</span><span>o&#787;</span></div>
	<div><span>788</span><span>o&#788;</span></div><div><span>789</span><span>o&#789;</span></div><div><span>790</span><span>o&#790;</span></div><div><span>791</span><span>o&#791;</span></div>
	<div><span>792</span><span>o&#792;</span></div><div><span>793</span><span>o&#793;</span></div><div><span>794</span><span>o&#794;</span></div><div><span>795</span><span>o&#795;</span></div>
	<div><span>796</span><span>o&#796;</span></div><div><span>797</span><span>o&#797;</span></div><div><span>798</span><span>o&#798;</span></div><div><span>799</span><span>o&#799;</span></div>
	<div><span>800</span><span>o&#800;</span></div><div><span>801</span><span>o&#801;</span></div><div><span>802</span><span>o&#802;</span></div><div><span>803</span><span>o&#803;</span></div>
	<div><span>804</span><span>o&#804;</span></div><div><span>805</span><span>o&#805;</span></div><div><span>806</span><span>o&#806;</span></div><div><span>807</span><span>o&#807;</span></div>
	<div><span>808</span><span>o&#808;</span></div><div><span>809</span><span>o&#809;</span></div><div><span>810</span><span>o&#810;</span></div><div><span>811</span><span>o&#811;</span></div>
	<div><span>812</span><span>o&#812;</span></div><div><span>813</span><span>o&#813;</span></div><div><span>814</span><span>o&#814;</span></div><div><span>815</span><span>o&#815;</span></div>
	<div><span>816</span><span>o&#816;</span></div><div><span>817</span><span>o&#817;</span></div><div><span>818</span><span>o&#818;</span></div><div><span>819</span><span>o&#819;</span></div>
	<div><span>820</span><span>o&#820;</span></div><div><span>821</span><span>o&#821;</span></div><div><span>822</span><span>o&#822;</span></div><div><span>823</span><span>o&#823;</span></div>
	<div><span>824</span><span>o&#824;</span></div><div><span>825</span><span>o&#825;</span></div><div><span>826</span><span>o&#826;</span></div><div><span>827</span><span>o&#827;</span></div>
	<div><span>828</span><span>o&#828;</span></div><div><span>829</span><span>o&#829;</span></div><div><span>830</span><span>o&#830;</span></div><div><span>831</span><span>o&#831;</span></div>
	<div><span>832</span><span>o&#832;</span></div><div><span>833</span><span>o&#833;</span></div><div><span>834</span><span>o&#834;</span></div><div><span>835</span><span>o&#835;</span></div>
	<div><span>836</span><span>o&#836;</span></div><div><span>837</span><span>o&#837;</span></div><div><span>838</span><span>o&#838;</span></div><div><span>839</span><span>o&#839;</span></div>
	<div><span>840</span><span>o&#840;</span></div><div><span>841</span><span>o&#841;</span></div><div><span>842</span><span>o&#842;</span></div><div><span>843</span><span>o&#843;</span></div>
	<div><span>844</span><span>o&#844;</span></div><div><span>845</span><span>o&#845;</span></div><div><span>846</span><span>o&#846;</span></div><div><span>847</span><span>o&#847;</span></div>
	<div><span>848</span><span>o&#848;</span></div><div><span>849</span><span>o&#849;</span></div><div><span>850</span><span>o&#850;</span></div><div><span>851</span><span>o&#851;</span></div>
	<div><span>852</span><span>o&#852;</span></div><div><span>853</span><span>o&#853;</span></div><div><span>854</span><span>o&#854;</span></div><div><span>855</span><span>o&#855;</span></div>
	<div><span>856</span><span>o&#856;</span></div><div><span>857</span><span>o&#857;</span></div><div><span>858</span><span>o&#858;</span></div><div><span>859</span><span>o&#859;</span></div>
	<div><span>860</span><span>o&#860;</span></div><div><span>861</span><span>o&#861;</span></div><div><span>862</span><span>o&#862;</span></div><div><span>863</span><span>o&#863;</span></div>
	<div><span>864</span><span>o&#864;</span></div><div><span>865</span><span>o&#865;</span></div><div><span>866</span><span>o&#866;</span></div><div><span>867</span><span>o&#867;</span></div>
	<div><span>868</span><span>o&#868;</span></div><div><span>869</span><span>o&#869;</span></div><div><span>870</span><span>o&#870;</span></div><div><span>871</span><span>o&#871;</span></div>
	<div><span>872</span><span>o&#872;</span></div><div><span>873</span><span>o&#873;</span></div><div><span>874</span><span>o&#874;</span></div><div><span>875</span><span>o&#875;</span></div>
	<div><span>876</span><span>o&#876;</span></div><div><span>877</span><span>o&#877;</span></div><div><span>878</span><span>o&#878;</span></div><div><span>879</span><span>o&#879;</span></div>
</div>


</body>
</html>